<template>
  <div class="sidebar-item" :style="'color:' + color">
    <el-tooltip effect="dark" :content="title" :placement="placement">
      <slot name="icon"></slot>
    </el-tooltip>
  </div>
</template>

<script>
export default {
  name: "SidebarItem",
  props: {
    title: {
      type: String,
      default: "",
    },
    placement: {
      type: String,
      default: "right",
    },
    color: {
      type: String,
      default: "#909399",
    },
  }
};
</script>

<style lang="less" scoped>
.sidebar-item {
  cursor: pointer;
  padding: 15px 0;
}
</style>